import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
//alibaba矢量库.
import './assets/alibaba/iconfont.js';
import './assets/alibaba/iconfont.css';
import './components'
//引用element-ui
import ElementUI from 'element-ui';
// main.js 中引入 Element UI 样式（会被 PostCSS 转换）
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

Vue.config.productionTip = false
//适应式
function setRemUnit() {
  const designWidth = 1728; // 设计稿宽度（根据实际设计稿修改，如 375、1920 等）
  const baseFontSize = 16; // 基准值（1rem 在设计稿中对应的 px，设为 100 方便计算）
  const screenWidth = document.documentElement.clientWidth; // 当前屏幕宽度
  // 计算根元素字体大小（超出设计稿宽度时限制最大值，避免过大）
  const fontSize = Math.min(screenWidth / designWidth * baseFontSize, 250); // 最大 200px（可选）
  document.documentElement.style.fontSize = `${fontSize}px`;
}

// 初始化
setRemUnit();
// 监听窗口尺寸变化时重新计算
window.addEventListener('resize', setRemUnit);
// 监听屏幕旋转（移动端）
window.addEventListener('orientationchange', setRemUnit);
// //end
new Vue({//1
  router,
  store,
  render: h => h(App)
}).$mount('#app')
